<template>
	<view class="box">
		<view style="height: 100rpx;">
			<view class="serchBox plr30 ptb20 flex">
				<u-search placeholder="输入关键字搜索" v-model="keyword" shape="square" :showAction="false"
					style="width: calc(100% - 170rpx)"></u-search>
				<view class="btn" @click="handleSerch">搜索</view>
			</view>
		</view>
		<hasCard @itemDetails="fileForDetails"></hasCard>
	</view>
</template>

<script>
	import hasCard from "./components/has-card.vue"
	export default {
		components: {
			hasCard
		},
		data() {
			return {
				keyword:''
			}
		},
		methods: {
			fileForDetails(e){
				uni.navigateTo({
					url:'./fileForDetails?flag=1&item='+ JSON.stringify(e)
				})
			},
			handleSerch(){}
		}
	}
</script>

<style scoped>
	.box {
		min-height: 100vh;
		background-color: #F1F2F5;
	}
	
	.serchBox {
		box-sizing: border-box;
		background-color: #fff;
		height: 100rpx;
		position: fixed;
		width: 100%;
		z-index: 520;
		box-shadow: 0 1px 11px 0 rgba(0, 0, 0, 0.09);
	}
	
	.tabsBox {
		box-sizing: border-box;
		height: 100rpx;
		position: fixed;
		width: 100%;
		background-color: #FFFFFF;
		z-index: 520;
	}
	
	>>>.u-tabs__wrapper__nav__item {
		padding: 0 15rpx !important;
	}
	
	>>>.u-tabs__wrapper__nav__item__text {
		font-size: 30rpx !important
	}
	
	>>>.u-badge--not-dot {
		padding: 4rpx 8rpx;
	}
	.btn {
		width: 140rpx;
		height: 68rpx;
		line-height: 68rpx;
		border-radius: 6px;
		background-color: #3473F9;
		color: #fff;
		text-align: center;
		margin: -4rpx 0 0 20rpx;
		font-size: 28rpx;
	}

</style>
